<template>
	<el-form :model="dictCategory" :rules="rules" size="medium" label-width="80px">
		<el-form-item prop="id" style="display: none">
			<el-input type="hidden" v-model="dictCategory.id"></el-input>
		</el-form-item>
		<el-row>
			<el-col :span="20">
				<el-form-item label="编码" prop="code">
					<el-input v-model="dictCategory.code" placeholder="请输入字典分类编码"></el-input>
				</el-form-item>
			</el-col>
		</el-row>
		<el-row>
			<el-col :span="20">
				<el-form-item label="分类名称" prop="name">
					<el-input v-model="dictCategory.name" placeholder="请输入字典分类名称"></el-input>
				</el-form-item>
			</el-col>
		</el-row>
		<el-row>
			<el-col :span="20">
				<el-form-item label="系统内置" prop="inner">
					<el-select v-model="dictCategory.inner">
						<el-option label="是" value="1"></el-option>
						<el-option label="否" value="0"></el-option>
					</el-select>
				</el-form-item>
			</el-col>
		</el-row>
		<el-row>
			<el-col :span="20">
				<el-form-item label="备注" prop="remarks">
					<el-input type="textarea" v-model="dictCategory.remarks" resize="none" :autosize="{ minRows: 8, maxRows:8 }" placeholder="请输入内容"></el-input>
				</el-form-item>
			</el-col>
		</el-row>
	</el-form>
</template>

<script>
export default {
	name: "DictCategoryForm",
	data() {
		return {
			dictCategory: {
				id: "",
				code: "",
				name: "",
				inner: "1",
				remarks:""
			},
			rules: {
				code: [{required: true, message: "请输入字典分类标识", trigger: "blur"}],
				name: [{required: true, message: "请输入字典分类名称", trigger: "blur"}],
			}
		}
	}
}
</script>

<style scoped>

</style>
